<template>
    <ul>
        <li v-for="(item,index) in news" :key="index">
            <news-item :news="item"/>
        </li>
    </ul>
</template>

<script type="text/ecmascript-6">
    import NewsItem from '../../components/news/newItem';

    export default {
        components: {
            NewsItem
        },
        props: {
            newsType: {
                type: String
            }
        },
        data() {
            return {
                news: []
            };
        }
    };
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
    @import "../../assets/stylus/main.styl";
    .van-list {
        padding: 2vw 3vw
    }

    .van-cell {
        border-radius: 10px;
        margin-bottom: 10px;
        padding: 0
    }

    .van-cell:not(:last-child)::after {
        border-width: 0
    }
</style>
